<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="box">
        <h2 style="color: #b3edf7;">
          雪
        </h2>
    </div>
    <div class="box3">
        <p style="color: #b3edf7;">
            <strong>雪一片一片一片一片，</strong><br/>拼出你我的缘分。<br/>我的爱~
        </p>
    </div>

</body>
<script>
    const em1 = document.querySelector('.box');
    console.log(em1.innerHTML);  //获取
    em1.innerHTML = '雪花飘飘，风雨<em>潇潇<em/>';   //设置
    console.log(em1.innerText);
    em1.innerText = '<strong>雪<strong/>'
    console.log(em1.textContent);
    em1.textContent = '雪花飘飘，风雨<em>潇潇<em/>'

    const em2 = document.querySelector('.box3');
    console.log(em2.innerHTML);
    console.log(em2.innerText);
    console.log(em2.textContent);
</script>
</html>